/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:MiSans; color:#666; text-decoration:none; font-size:14px;}
body.bodyn{ background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#0271c2;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

@font-face {
  font-family: 'MiSans';
  src: url(../fonts/MiSans-Regular.ttf) format('truetype');}
@font-face {
  font-family: 'MiSans-Bold';
  src: url(../fonts/MiSans-Bold.ttf) format('truetype');}
@font-face {
  font-family: 'MiSans-Heavy';
  src: url(../fonts/MiSans-Heavy.ttf) format('truetype');}


/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#11418b; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#11418b}
::-webkit-scrollbar-corner:vertical{ background-color:#11418b}
::-webkit-scrollbar-resizer:vertical{ background-color:#11418b}

.m{ width:95%; max-width:1400px; margin:0 auto; position:relative;}
.n{ padding:80px 0;}
.nm{ background: #f8f8f8;}
.nm .m2{ background:#fff; box-shadow:0 0 50px -20px rgba(0, 0, 0, .15); padding:80px;}

.top{ position:fixed; width:100%; z-index:999; padding:20px 50px; display:flex; justify-content:space-between; transition:0.2s;}
.top:hover,.top.on{ background:#fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.top .logo{ position:relative;}
.top .logo img{ display:block;}
.top .logo img.logo2{ position:absolute; left:0; top:0; opacity:0;}
.top:hover .logo img.logo2,.top.on .logo img.logo2{ opacity:1;}
.top .top_nav{ display:flex; column-gap:50px;}
.top .top_nav li a{ color:#fff; font-size:16px; line-height:60px;}
.top:hover .top_nav li a,.top.on .top_nav li a{ color:#333;}
.top .top_nav li a:hover{ color:#0079C2;}
.top .top_tel{ display:flex; align-items:center; font-size:16px; color:#fff; column-gap:10px;}
.top .top_tel p{ line-height:35px; border:1px solid #fff; border-radius:18px; font-size:16px; font-family:MiSans-bold; padding:0 20px;}
.top:hover .top_tel p,.top.on .top_tel p{ border:1px solid #333; color:#333;}
.top .top_tel a{ height:35px; width:35px; line-height:35px; border:1px solid #fff; border-radius:50%; text-align:center; color:#fff;}
.top:hover .top_tel a,.top.on .top_tel a{ border:1px solid #333; color:#333;}
.top .top_tel a:hover{ background:#0079C2; color:#fff; border:1px solid #0079C2;}


.bannerslide{ height:calc(900 / 1920 * 100vw); position:relative; overflow: hidden;}
.bannerslide .swiper-wrapper{}
.bannerslide .swiper-slide{ background-position: center !important; background-size:cover !important; position: relative; display:flex; align-items:center; overflow:hidden; padding-left:100px;}
.bannerslide .swiper-slide .bannertxt{ background:rgba(255,255,255,0.9); transition:all .4s .2s; transform:translateY(20px); width:calc(550 / 1920 * 100vw); padding:calc(40 / 1920 * 100vw) calc(60 / 1920 * 100vw);}
.bannerslide .swiper-slide-active .bannertxt{ transform:translateY(0);}
.bannerslide .swiper-slide .bannertxt .p1{ font-size:calc(30 / 1920 * 100vw); color:#1E232D; font-family:MiSans-Heavy;}
.bannerslide .swiper-slide .bannertxt .p2{ font-size:calc(40 / 1920 * 100vw); color:#1E232D; font-family:MiSans-bold;}
.bannerslide .swiper-slide .bannertxt .p3{ font-size:14px; line-height:1.8; margin:20px 0; color:#1E232D;}
.bannerslide .swiper-slide .bannertxt .sla{ font-size:0;}
.bannerslide .swiper-slide .bannertxt a{ display:inline-block; text-align: center; font-size:16px; background: #333333; color: #FFF; padding: 15px 30px; position:relative;}
.bannerslide .swiper-slide .bannertxt a .fas{ margin-left:10px;}
.bannerslide .swiper-slide .bannertxt a:hover{ background:#0079C2;}
.bannerslide .swiper-slide .bannertxt a.a2{ background:#0079C2;}
.bannerslide .swiper-slide .bannertxt a.a2:hover{ background:#333333;}

.bannerslide .swiper-pagination{ bottom:20px;}
.bannerslide .swiper-pagination .swiper-pagination-bullet{ outline:none; margin:0 10px; border: 1px solid #fff; background: transparent; width: 10px; height: 10px; border-radius: 50px; opacity:1; transition:0.5s;}
.bannerslide .swiper-pagination .swiper-pagination-bullet-active{  width:30px; background:#fff;}

.ind_ab{ padding:160px 0 160px 100px; background:url(../images/iabg.png) no-repeat left bottom; display:flex; justify-content:space-between;}
.ial .p1{ font-size:40px; font-family:MiSans-Heavy; color:#0079C2;}
.ial .p2{ font-size:30px; font-family:MiSans-bold; color:#333;}
.ial ul{ display:flex; margin:40px 0; column-gap:calc(80 / 1920 * 100vw);}
.ial ul li p{ color:#333;}
.ial ul li span{ font-size:40px; color:#FF6600; font-family:MiSans-Heavy;}
.ial .iad{ padding:50px; background:rgba(0,0,0,0.1);}
.ial .iad p{ font-size:16px; color:#333; line-height:30px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 7;}
.ind_ab>img{ object-fit:cover; width:calc(1082 / 1920 * 100vw);}

.ind_ad{ padding:140px 100px; background:url(../images/iadbg.jpg) no-repeat center center; display:flex; justify-content:space-between;}
.iadl{ width:calc(560 / 1920 *100vw); color:#fff;}
.iadl .p1{ font-size:16px;}
.iadl .p2{ font-size:40px; font-family:MiSans-bold; margin:15px 0 20px;}
.iadl a{ font-size:16px; padding:15px 20px; background:#0079C2; color:#000; display:inline-block;}
.iadl a:hover{ color:#fff;}
.ind_ad ul{ display:flex; column-gap:25px;}
.ind_ad ul li{ border:1px solid #fff;}
.ind_ad ul li .d1{ height:50%; background:#0079c2; display:flex; justify-content:center; align-items:center;}
.ind_ad ul li .d2{ height:50%; background:#fff; display:flex; text-align:center; align-items:center; color:#000; padding:0 30px; font-size:16px; font-family:MiSans-bold; line-height:1.5;}

.ind_pro{ padding:80px 100px; background:#f5f5f5;}
.pt1{ font-size:40px; font-family:MiSans-bold; color:#000;}
.pt2{ font-size:16px; color:#333; line-height:2;}
.ipm{ margin-top:30px; display:flex; justify-content:space-between;}
.ipm .ipl{ background:#fff; width:300px; border:1px solid #DEDEDE;}
.ipm .ipl .d1{ font-size:16px; border-bottom:1px solid #DEDEDE; padding:18px; display:flex; justify-content:space-between; color:#000;}
.ipm .ipl .d1 span{ color:#999;}
.ipm .ipl ul{ padding:20px 18px;}
.ipm .ipl ul li{ margin-bottom:10px;}
.ipm .ipl ul li a{ display:block; color:#333; padding-left:25px; background:url(../images/t.png) no-repeat left center;}
.ipm .ipl ul li a:hover{ color:#0079C2;}
.ipm .ipr{ width:calc(100% - 340px); display:flex; column-gap:20px;}
.ipm .ipr li{ width:25%; border:1px solid #DEDEDE; background:#fff; position:relative; top:0; transition:0.2s;}
.ipm .ipr li:hover{ top:-20px; box-shadow:0 0 10px #ccc;}
.ipm .ipr li .proi img{ display:block; width:100%;}
.ipm .ipr li .prot{ padding:25px;}
.ipm .ipr li .prot .p1{ font-size:20px; font-family:MiSans-bold; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ipm .ipr li .prot .p2{ color:#999; line-height:1.5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin:20px 0;}
.ipm .ipr li .prot .p3{ display:block; color:#000; padding-left:25px; background:url(../images/pbg.png) no-repeat left center; font-size:12px;}

.ind_news{ padding:80px 100px; background:url(../images/inbg.jpg) no-repeat center center;}
.inm{ margin-top:30px; display:flex; justify-content:space-between; column-gap:40px;}
.inm .inl{ width:48%;}
.inm .inl img{ display:block;}
.inm .inl .int{ padding:30px; background:#fff;}
.inm .inl .int .p1{ font-size:20px; font-weight:bold; color:#000;}
.inm .inl:hover .int .p1{ color:#0079C2;}
.inm .inl .int .p2{ color:#999; display:flex; justify-content:space-between; margin-top:15px; white-space:nowrap;}
.inm .inl .int .p2 .sp1{ max-width:80%; overflow:hidden; text-overflow:ellipsis;}
.inm .inl .int .p2 .sp2{ color:#333; font-size:12px; border-bottom:1px solid #0079C2;}
.inm .inr{ width:52%; display:flex; flex-direction:column; justify-content:space-between;}
.inm .inr li{ background:#fff; padding:30px 40px; transition:0.2s; margin-bottom:20px;}
.inm .inr li:last-child{ margin-bottom:0;}
.inm .inr li .p1{ font-size:20px; color:#000; font-family:MiSans-bold;}
.inm .inr li .p2{ font-size:14px; color:#999; margin:20px 0;}
.inm .inr li .p3{ text-align:right;}
.inm .inr li:hover{ background:#0079C2;}
.inm .inr li:hover .p1{ color:#fff;}
.inm .inr li:hover .p2{ color:#fff;}
.inm .inr li:hover .p3{ color:#fff;}

.ind_con{ padding:60px 0; text-align:center; color:#fff; display:flex; flex-direction:column; background:url(../images/icbg.jpg) no-repeat center center;}
.ind_con .p1{ font-size:36px; color:#fff; font-family:MiSans-bold;}
.ind_con .p2{ font-size:16px; margin:20px 0;}
.ind_con div{ text-align:center;}
.ind_con a{ display:inline-block; background:#fff; color:#0079C2; padding:10px 50px; font-family:MiSans-bold; border-radius:20px;}
.ind_con a:hover{ color:#fff; background:#0079C2;}

.bottom{ background:url(../images/bbg.jpg) no-repeat center center;}
.bottom2{ width:98%; max-width:1340px; margin:0 auto; padding:50px 0; display:flex; justify-content:space-between; border-bottom:1px solid #DEDEDE;}
.bottom2 ul p{ font-size:16px; font-weight:bold; color:#000; margin-bottom:20px;}
.bottom2 ul li{ color:#666; line-height:26px;}
.bottom2 ul li a{ color:#666;}
.bottom2 ul:last-child{ text-align:right;}
.foot{ width:98%; max-width:1340px; margin:0 auto; display:flex; justify-content:space-between; padding:30px; color:#666;}
.foot a{ color:#666;}

.nbanner{ height:450px; display:flex; justify-content:center; align-items:center; color:#fff; background:linear-gradient(to top, rgb(0,121,194,0.1), rgb(0,121,194,0.5)),url(../images/bannern.jpg) no-repeat top center; background-attachment: fixed; text-align:center; background-size:cover !important;}
.nbannernews{ background:linear-gradient(to top, rgb(0,121,194,0.1), rgb(0,121,194,0.1)),url(../images/bannernews.jpg) no-repeat top center; background-attachment: fixed;}
.nbannersite{ background:linear-gradient(to top, rgb(0,121,194,0.1), rgb(0,121,194,0.1)),url(../images/banner2.jpg) no-repeat top center; background-attachment: fixed;}
.nbannercon{ background:linear-gradient(to top, rgb(0,121,194,0.1), rgb(0,121,194,0.1)),url(../images/bannercon.jpg) no-repeat center center; background-attachment: fixed;}
.nbannerpro{ background:linear-gradient(to top, rgb(0,121,194,0.1), rgb(0,121,194,0.1)),url(../images/banner3.jpg) no-repeat top center; background-attachment: fixed;}
.nbanner .p1{ font-size:60px; text-transform:uppercase; font-weight:bold; font-family: "Times New Roman";}
.nbanner ul{ display:flex; justify-content:center; column-gap:20px; margin-top:20px;}
.nbanner ul li{ font-size:24px; text-transform:capitalize;}
.nbanner ul li .fas{ font-size:16px;}
.nbanner ul li a{ color:#fff;}

.product{}
.product ul.prou{ display:flex; column-gap:2%; flex-wrap:wrap;}
.product ul.prou li{ width:23.5%; border:1px solid #DEDEDE; background:#fff; position:relative; top:0; transition:0.2s; margin-bottom:2%;}
.product ul.prou li:hover{ top:-20px; box-shadow:0 0 10px #ccc;}
.product ul.prou li .proi img{ display:block; width:100%;}
.product ul.prou li .prot{ padding:25px;}
.product ul.prou li .prot .p1{ font-size:20px; font-family:MiSans-bold; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product ul.prou li .prot .p2{ color:#999; line-height:1.5; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin:20px 0;}
.product ul.prou li .prot .p3{ display:block; color:#000; padding-left:25px; background:url(../images/pbg.png) no-repeat left center; font-size:12px;}

.product .propt1{ font-size:24px; color:#0079c2; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.product .propt2{ margin-bottom:50px;}


.ny_content{ font-size:16px; line-height:1.8;}
.ny_content p{ margin-bottom:10px;}
.npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:0 0 50px 0;}
.u_np{ margin-top:50px; text-align:center;}
.u_np li{ display:inline-block; margin:0 20px;}
.u_np li a{ display:inline-block; padding:20px 30px; background:#8f8f8f; color:#fff;}
.u_np li a:hover{ background:#00459c;}

.news-list{ display:flex; flex-wrap:wrap; justify-content:flex-start; column-gap:2%;}
.news-list li{ width: 23.5%; position: relative; transition: 0.5s; margin-bottom:2%;}
.news-list li:hover { box-shadow: 0 0 10px #999;}
.news-list li .news-img{ overflow:hidden;}
.news-list .news-pic{ width: 100%; transition: all 0.5s; height:200px; object-fit:cover;}
.news-list .news-txt{ padding: 20px; background: #fff;}
.news-list .news-date{ color: #1a1a1a; font-size: 16px; margin-bottom: 15px;}
.news-list .news-tit{ line-height: 1.5; font-size: 18px; color: #003c79; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list .news-intro{ line-height: 1.5; box-sizing: border-box; font-size: 16px; color: #1a1a1a; margin: 1rem 0 1.5rem;}
.news-list .news-readmore{ font-size: 16px; color: #003c79; text-transform: uppercase;}

.contact{}
.contact .pc1{ font-size:42px; color:#000; text-align:center;}
.contact .pc2{ margin-top: 10px; font-size: 16px; color:#999; text-align:center;}
.contact>ul{ display:flex; justify-content:space-between; margin-top:60px;}
.contact>ul li{ width:20%; text-align:center; padding:0 20px; border-right:1px solid #ddd;}
.contact>ul li:last-child{ border:none;}
.contact>ul li span{ color:#0079c2; font-size:45px;}
.contact>ul li .p1{ font-size:16px; color:#666; margin:20px 0;}
.contact>ul li .p2{ color:#000;}
.contact2{ display:flex; margin-top:60px;}
.contact2 .contact_l{ width:50%;}
.contact2 .contact_r{ width:50%; padding:50px; background:#f8f8f8; display:flex; align-items:center;}

.contact_r .form-control{ background:#fff;border-radius:0;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;color:#000;font-weight:400;font-size:16px;padding:14.5px 26px; width:48%; margin-right:4%; float:left; margin-bottom:20px;}
.contact_r .form-control:nth-child(2n){ margin-right:0;}
.contact_r .form-control:focus { border-color: #ebebeb;}
.contact_r .form-control-text{ width:100%; height:160px;}
.contact_r .btn-theme{background:#0079c2;border-radius:2px;color:#fff;display:inline-block;transition:0.3s;-webkit-transition:0.3s;font-weight:500;font-size:17px;padding:15px 50px; cursor:pointer; border:none; margin-top:30px;}
.contact_r .btn-theme:hover{ background:#000;}

#baidu_dituContent {width:100%;height:100%;border:#ccc solid 1px;}
.about .aboutm {display:flex; justify-content:space-between;}
.about .aboutm .aboutl {width:calc(700 / 1600 * 100%);padding:50px 0;}
.about .aboutm .aboutl p {font-size:16px;margin-top:30px;line-height:1.8;text-align:justify;color:#000;}
.about h2 {font-size:36px;color:#333;position:relative;padding-bottom:40px;text-transform:capitalize;}
.about h2 b {position:absolute;left:0px;top:15px;font-size:58px;color:#ecf8ff;z-index:-1;font-weight:bold;text-transform:uppercase;}

.about .aboutm .aboutr {width:calc(800 / 1600 * 100%); display:flex; align-items:center; position:relative;}
.about .aboutm .aboutr:after{ content:""; position:absolute; top:10%; bottom:10%; left:10%; right:10%; border:5px solid #0079c2; z-index:-1;}

.culture{ margin-top:50px;}
.culturem{ position:relative; margin-top:80px;}
.cultures{}
.culture .swiper-slide{ display:flex; box-shadow:0 0 5px rgba(0, 0, 0, .15);}
.culture .swiper-slide .culturet{ width:calc(600 / 1400 * 100%); padding:0 80px; display:flex; flex-direction:column; justify-content:center; background:#fff url(../images/cbg.png) no-repeat right bottom;}
.culture .swiper-slide .culturet .p1{ font-size:36px; color:#0079c2;}
.culture .swiper-slide .culturet .p1 span{ color:#999; font-size:18px; text-transform:capitalize; display:inline-block; margin-left:10px;}
.culture .swiper-slide .culturet .p2{ font-size:22px; color:#333; margin-top:20px; line-height:1.8;}
.culture .swiper-slide .culturei{ width:calc(800 / 1400 * 100%);}
.culture .swiper-slide .culturei img{ display:block; width:100%; height:100%; object-fit:cover;}
.cultures2{ position:absolute; left:0; top:0; height:100%; width:calc(800 / 1400 * 100%); background:rgba(0,0,0,0.2); z-index:9; display:flex;}
.cultures2 .item{ width:calc(100% / 6); display:flex; flex-direction:column; justify-content:center; text-align:center; border-right:1px solid rgba(204,204,204,.5);}
.cultures2 .item:last-child{ border:none;}
.cultures2 .item img{ height:40px; display:inline-block; transition:0.4s;}
.cultures2 .item:hover img{ transform:translateY(-30px);}
.cultures2 .item p{ color:#fff; font-size:16px; margin-top:20px;}

.checkcode{ float:left; width:100%;}

.sitei{ display:block; margin:0 auto;}
.shadow img{ max-width:none;}


.top .mmenu {
    background: url(../images/mmenu.png) no-repeat center center;
    background-size: 70%;
    width: 60px;
    display: none;
}
.top:hover .mmenu,.top.on .mmenu{
	background: url(../images/mmenu2.png) no-repeat center center;
    background-size: 70%;
}





@media (max-width: 1200px) {
.top .mmenu{
	display:block;
}
.top .logo img{
	height:50px;
}
.top .top_nav{
	display:none;
}
.top .top_tel{
	display:none;
}
.top{
	padding:20px;
}
.bannerslide{
	height:400px;
}
.bannerslide .swiper-slide .bannertxt{
	display:none;
}
.ind_ab{
	padding:20px;
	flex-wrap:wrap;
}
.ial{
	width:100%;
}
.ind_ab>img{
	width:100%;
	height:auto;
}
.ial .p1{
	font-size:24px;
}
.ial .p2{
	font-size:18px;
}
.ial ul{
	justify-content:space-between;
	margin:20px 0;
}
.ial .iad{
	padding:20px;
}
.ial ul li span{
	font-size:24px;
}
.ind_ad{
	padding:20px;
}
.ind_ad{
	display:block;
	background-size:cover !important;
}
.iadl{
	width:100%;
}
.iadl .p2{
	font-size:24px;
}
.iadl a{
	font-size:14px;
}
.ind_ad ul{
	flex-wrap:wrap;
	column-gap:20px;
	margin-top:20px;
}
.ind_ad ul li{
	width:calc(50% - 10px);
	margin-bottom:20px;
}
.ind_ad ul li .d2{
	padding:10px;
	font-weight:normal;
	font-size:14px;
	text-align:center;
	display:block;
}
.ind_pro{
	padding:20px;
}
.pt1{
	font-size:24px;
}
.pt2{
	font-size:14px;
	line-height:1.6;
}
.ipm .ipl{
	display:none;
}
.ipm .ipr{
	width:100%;
	display:block;
}
.ipm .ipr li{
	width:100%;
	margin-bottom:10px;
}
.ipm .ipr li .prot{
	padding:15px;
}
.ind_news{
	padding:20px;
	background-size:cover !important;
}
.inm{
	flex-wrap:wrap;
}
.inm .inl{
	width:100%;
	margin-bottom:20px;
}
.inm .inr{
	width:100%;
}
.inm .inl .int{
	padding:15px;
}
.inm .inr li{
	padding:15px;
}
.ind_con .p1{
	font-size:24px;
}
.ind_con .p2{
	font-size:16px;
	padding:0 20px;
}
.bottom2{
	display:none;
}
.foot{
	padding:20px;
	flex-wrap:wrap;
}
.nbanner{
	height:300px;
}
.nbanner .p1{
	font-size:24px;
}
.nbanner ul li{
	font-size:16px;
}
.n{
	padding:30px 0;
}
.about .aboutm{
	flex-wrap:wrap;
}
.about .aboutm .aboutl{
	width:100%;
	padding:0;
}
.about h2{
	font-size:24px;
	padding-bottom:20px;
}
.about h2 b{
	font-size:36px;
}
.about .aboutm .aboutl p{
	font-size:14px;
	line-height:1.6;
}
.about .aboutm .aboutr{
	width:100%;
	margin-top:20px;
}
.culture .swiper-slide{
	flex-wrap:wrap;
}
.culture .swiper-slide .culturei{
	width:100%;
	height:300px;
}
.culture .swiper-slide .culturet{
	width:100%;
	padding:20px;
}
.cultures2{
	width:100%;
	flex-wrap:wrap;
	height:300px;
}
.cultures2 .item{
	width:calc(100% / 3);
}
.culture .swiper-slide .culturet{
	min-height:230px;
}
.culture .swiper-slide .culturet .p1{
	font-size:18px;
}
.culture .swiper-slide .culturet .p2{
	font-size:16px;
}
.product ul.prou li{
	width:100%;
}
.product ul.prou li .prot{
	padding:15px;
}
.nm .m2{
	padding:20px;
}
.news-list li{
	width:100%;
}
.contact>ul{
	flex-wrap:wrap;
}
.contact>ul li{
	width:50%;
	padding:10px;
}
.contact>ul li:last-child{
	width:100%;
}
.contact2{
	display:block;
}
.contact2 .contact_l{
	width:100%;
	height:300px;
}
.contact2 .contact_r{
	width:100%;
	padding:20px;
}
}